<template>
    <div class="profile-page">
        <el-card>
            <h2>个人中心</h2>
            <el-descriptions column="1" border>
                <el-descriptions-item label="昵称">{{ counts.Logins.Nickname }}</el-descriptions-item>
                <el-descriptions-item label="账号">{{ counts.Logins.Account }}</el-descriptions-item>
                <el-descriptions-item label="邮箱">{{ counts.Logins.Email }}</el-descriptions-item>
                <el-descriptions-item label="当前角色">{{ counts.Logins.RoleName }}</el-descriptions-item>
            </el-descriptions>
        </el-card>
    </div>
</template>

<script setup lang="ts">
import { useCounterStore } from '@/stores/counter'
const counts = useCounterStore()
</script>

<style scoped>
.profile-page {
    padding: 20px
}
</style>
